<template>
	<view :style="$s.view_color+'background:'+pageitems.data[0].style.bgColor" class="uv-page">
		<indexDiy :pageitems="pageitems.data"></indexDiy>
		<my-tabbar></my-tabbar>
	</view>
</template>

<script>
	import { mapState } from 'vuex'
	import indexDiy from './components/diy/index.vue'
	export default {
		components:{
		    indexDiy,
		},
		data() {
			return {
				id:0,
				pageitems:[],
			}
		},
		onLoad(option){
			this.id=option.id;
		},
		onShow(){
			// 在此处刷新，避免后退页面数据不刷新
			this.initData()
		},
		computed:{
			...mapState({
			})
		},
		watch:{
			
		},
		methods: {
			initData(){
				this.$u.api.diyPage({id:this.id}).then(res=>{
					this.pageitems=res.data.page;
				})
			},
		}
	}
</script>

<style lang="scss">
	.uv-page{
		min-height:calc(100vh - 90rpx);
	}
</style>
